<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="css/home-style.css">

<script>
        
        function hidden1(){
			var a=document.getElementById("hidden_div");
			a.style.display="none";
		}
		
		function disHidd(){
			var a=document.getElementById("hidden_div");
			a.style.display="";
		}
    </script>
 <style>
		body{
			position:relative;
		}
		.hidden_div{
			width: 200px;
			height: 250px;
			background:white;
			border-style:solid;
			border-width:1px;
			border-color: #ADADAD;
			box-shadow: 3px 3px 2px #ccc;
			left: 1200px;
			top: 50px;
			position: absolute;
		}
		#out_login{
			
			margin: 40px;
			
		}
</style>
</head>
<body>

<div class="hidden_div" id="hidden_div"  style="display: none;" onmousemove="disHidd();" onmouseout="hidden1();">
			<a class="a141" id="out_login" href="Invalidata">退出登陆</a>
</div>
<div class="A">
        <div class="a">
            <div class="a1">
                <div class="a11">
                    <a href="index.jsp"><img class="logo" src="images/logo.png"   alt="logo"></a>
                </div>
                <div class="a12">
                    <ul>
                        <li style="background-color: #31c27c"><a href="javascript:void(0)" title="音乐馆" style="color: white">音乐馆</a>
                        </li>
                       <li><a href="javascript:void(0)">我的音乐</a></li>
                       <li><a href="javascript:void(0)">客户端</a></li>
                       <li><a href="javascript:void(0)">音乐号</a></li>
                       <li><a href="javascript:void(0)">VIP</a></li>
                   </ul>
                </div>
                <div class="a13">
                    <div >
	                    <form  action="SearchSerlet"method="post" >
	                        <div class="a131" >
	                            <input class="search_input" name="search" type="text" aria-label="请输入搜索内容" placeholder="搜索音乐、MV、歌单、用户" accesskey="s">
	                            <input type="submit" class="search_btn" value="搜索"/>
	                        </div>
	                     </form>	
                    </div>
                </div>
                <div class="a14">
                    <nav>
                    	<%--<c:if test="${sessionScope.user == null}">--%>
							<a class="a140" href="../pages/login.jsp">登录</a>
							<a class="a142" href="javascript:void(0)">开通付费包</a>
						<%--</c:if>--%>
                        <c:if test="${sessionScope.user != null}">
							<a href="getFavorite2"><img onmousemove="disHidd();" onmouseout="hidden1();" class="a140" style="width: 45px;border-radius:10px; margin-top: 20px;" src="${sessionScope.user.headImage}"></a>
							<!--${sessionScope.user.headImage}-->
						
						</c:if>
                         <a class="a141" href="javascript:void(0)">开通绿钻豪华版</a>
                    </nav>

                </div>
            </div>
            <div class="a2">
                <nav>
                    <a href="index.jsp">首页</a>
                    <a href="singer.jsp">歌手</a>
                    <a href="ablum.jsp">专辑</a>
                    <a href="class.jsp">分类歌单</a>
                    <a href="">电台</a>
                    <a href="">MV</a>
                    <a href="">数字专辑</a>
                    <a href="">票务</a>
                </nav>
            </div>
        </div>
    </div>
</body>
</html>